﻿<!DOCTYPE html>
<html>

<head>
	{include head_content}
</head>

<body>
	<!-- Pre Loader -->
	<div class="loading">
		<div class="spinner">
			<div class="double-bounce1"></div>
			<div class="double-bounce2"></div>
		</div>
	</div>
	<!--/Pre Loader -->
	<!-- Color Changer -->
	<div class="theme-settings" id="switcher">
		<span class="theme-click">
			<span class="ti-settings"></span>
		</span>
		<span class="theme-color theme-default theme-active" data-color="green"></span>
		<span class="theme-color theme-blue" data-color="blue"></span>
		<span class="theme-color theme-red" data-color="red"></span>
		<span class="theme-color theme-violet" data-color="violet"></span>
		<span class="theme-color theme-yellow" data-color="yellow"></span>
	</div>
	<!-- /Color Changer -->
	<div class="wrapper">
		<!-- Page Content -->
		<div id="content">
			{include h}
				<!-- Breadcrumb -->
				<!-- Page Title -->
				<div class="container mt-0">
					<div class="row breadcrumb-bar">
						<div class="col-md-6">
							<h3 class="block-title">设置IP</h3>
						</div>
						<div class="col-md-6">
							<ol class="breadcrumb">
								<li class="breadcrumb-item">
									<a href="index.html">
										<span class="ti-home"></span>
									</a>
								</li>
								<li class="breadcrumb-item">设置</li>
								<li class="breadcrumb-item active">IP</li>
							</ol>
						</div>
					</div>
				</div>
			<!-- /Breadcrumb -->
			<!-- Main Content -->
			<div class="container">		
				<div class="row">
					<div class="col-md-12">
						<div class="widget-area-2 lochana-box-shadow pb-3">
								<div class="row">
									<!-- Pricing Item -->
									<div class="col-md-6 col-xl-3 s-margin-2">
										<div class="block block-bordered block-themed text-center">
											<div class="block-header bg-muted">
												<h3 class="block-title-new"><span class="ti-plug"></span> Lan口</h3>
											</div>
											<div class="block-content bg-body-light">
												<div class="py-2">
													<h2 class="mb-2 pricing-h2">down</h2>
													<h6 class="text-muted">未连接</h6>
												</div>
											</div>
											<div class="block-content pricing-content">
												<div class="py-2">
													<p>
														<strong>IP</strong> 192.168.1.1
													</p>
													<p>
														<strong>子网掩码</strong> 255.255.255.0
													</p>
													<p>
														<strong>网管</strong> 192.168.1.1
													</p>

												</div>
											</div>
											<div class="block-content block-content-full bg-body-light">
												<span class="btn btn-hero-primary px-4">
													<span class="ti-settings"></span> 设置
												</span>
											</div>
										</div>
									</div>
									<!-- /Pricing Item -->
								
									<!-- Pricing Item -->
									<div class="col-md-6 col-xl-3 s-margin-2">
										<div class="block block-bordered block-themed text-center">
											<div class="block-header bg-muted">
												<h3 class="block-title-new"><span class="ti-plug"></span> Wan口</h3>
											</div>
											<div class="block-content bg-body-light">
												<div class="py-2">
													<h2 class="mb-2 pricing-h2">down</h2>
													<h6 class="text-muted">未连接</h6>
												</div>
											</div>
											<div class="block-content pricing-content">
												<div class="py-2">
													<p>
														<strong>IP</strong> 192.168.1.1
													</p>
													<p>
														<strong>子网掩码</strong> 255.255.255.0
													</p>
													<p>
														<strong>网管</strong> 192.168.1.1
													</p>

												</div>
											</div>
											<div class="block-content block-content-full bg-body-light">
												<span class="btn btn-hero-primary px-4">
													<span class="ti-settings"></span> 设置
												</span>
											</div>
										</div>
									</div>
									<!-- /Pricing Item -->
								
									<!-- Pricing Item -->
									<div class="col-md-6 col-xl-3 s-margin-2">
										<div class="block block-bordered block-themed text-center">
											<div class="block-header bg-muted">
												<h3 class="block-title-new"><span class="ti-plug"></span> VPN in</h3>
											</div>
											<div class="block-content bg-body-light">
												<div class="py-2">
													<h2 class="mb-2 pricing-h2">down</h2>
													<h6 class="text-muted">未连接</h6>
												</div>
											</div>
											<div class="block-content pricing-content">
												<div class="py-2">
													<p>
														<strong>IP</strong> 192.168.1.1
													</p>
													<p>
														<strong>子网掩码</strong> 255.255.255.0
													</p>
													<p>
														<strong>网管</strong> 192.168.1.1
													</p>

												</div>
											</div>
											<div class="block-content block-content-full bg-body-light">
												<span class="btn btn-hero-primary px-4">
													<span class="ti-settings"></span> 设置
												</span>
											</div>
										</div>
									</div>
									<!-- /Pricing Item -->
								
									<!-- Pricing Item -->
									<div class="col-md-6 col-xl-3 s-margin-2">
										<div class="block block-bordered block-themed text-center">
											<div class="block-header bg-muted">
												<h3 class="block-title-new"><span class="ti-plug"></span> VPN out</h3>
											</div>
											<div class="block-content bg-body-light">
												<div class="py-2">
													<h2 class="mb-2 pricing-h2">down</h2>
													<h6 class="text-muted">未连接</h6>
												</div>
											</div>
											<div class="block-content pricing-content">
												<div class="py-2">
													<p>
														<strong>IP</strong> 192.168.1.1
													</p>
													<p>
														<strong>子网掩码</strong> 255.255.255.0
													</p>
													<p>
														<strong>网管</strong> 192.168.1.1
													</p>

												</div>
											</div>
											<div class="block-content block-content-full bg-body-light">
												<span class="btn btn-hero-primary px-4">
													<span class="ti-settings"></span> 设置
												</span>
											</div>
										</div>
									</div>
									<!-- /Pricing Item -->
								</div>
						</div>
					</div>
		
				</div>
		
			</div>
			<!-- /Main Content -->
			<!--Copy Rights-->
			{include f}
			<!-- /Copy Rights-->
		</div>
		<!-- Page Content -->
	</div>
	<!-- Back to Top -->
	<a id="back-to-top" href="#" class="back-to-top">
			<span class="ti-angle-up"></span>
	</a>
	<!-- /Back to Top -->
	<!-- Jquery Library-->
	<script src="View/CQQ/js/jquery-3.2.1.min.js"></script>
	<!-- Popper Library-->
	<script src="View/CQQ/js/popper.min.js"></script>
	<!-- Bootstrap Library-->
	<script src="View/CQQ/js/bootstrap.min.js"></script>
	<!-- Custom Script-->
	<script src="View/CQQ/js/custom.js"></script>
</body>

</html>